XAML (Extensible Application Markup Language) এ UI উপাদানগুলো ট্যাগ (Tags) এবং অ্যাট্রিবিউট (Attributes) ব্যবহার করে ডিক্লেয়ার করা হয়। XAML ফাইলের প্রতিটি ট্যাগ একটি নির্দিষ্ট UI উপাদান নির্দেশ করে, এবং প্রতিটি ট্যাগের মধ্যে প্রপার্টি বা স্টাইল সেট করার জন্য অ্যাট্রিবিউট ব্যবহার করা হয়। নিচে XAML এর ট্যাগ এবং অ্যাট্রিবিউট সম্পর্কে বিস্তারিত আলোচনা করা হলো।
XAML Tags
XAML এর ট্যাগ সাধারণত XML এর মতো থাকে এবং প্রতিটি ট্যাগ একটি নির্দিষ্ট UI উপাদান বা কন্ট্রোলের প্রতিনিধিত্ব করে। প্রতিটি ট্যাগের মধ্যে প্রপার্টি এবং কনটেন্ট (যদি থাকে) নির্দিষ্ট করা হয়। XAML এ বেশ কিছু সাধারণ ট্যাগ রয়েছে যেগুলি UI কন্ট্রোল বা লেআউট কন্ট্রোলকে চিহ্নিত করে।
কিছু সাধারণ XAML ট্যাগ:
<Window>: একটি উইন্ডো উপাদান। এটি সাধারণত XAML ফাইলের রুট এলিমেন্ট হিসেবে ব্যবহৃত হয়।<Button>: একটি বাটন উপাদান।<TextBlock>: পাঠ্য (Text) প্রদর্শন করতে ব্যবহৃত উপাদান।<Grid>: একটি লেআউট কন্ট্রোল যা এর মধ্যে থাকা উপাদানগুলোকে গ্রিড হিসেবে সাজায়।<StackPanel>: একটি লেআউট কন্ট্রোল যা উপাদানগুলোকে উল্লম্ব বা দিগন্তভাবে সাজায়।<TextBox>: ব্যবহারকারী ইনপুট নেওয়ার জন্য একটি কন্ট্রোল।<Label>: একটি টেক্সট লেবেল যা অন্য UI উপাদান বা কন্ট্রোলের বর্ণনা বা নির্দেশনা দেয়।
উদাহরণ:
<Window x:Class="MyApp.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Main Window" Height="400" Width="600">
<Grid>
<Button Content="Click Me" Width="100" Height="50"/>
</Grid>
</Window>
এখানে <Window> ট্যাগটি একটি উইন্ডো উপাদানকে নির্দেশ করে, এবং <Button> ট্যাগটি একটি বাটন উপাদান তৈরি করছে।
XAML Attributes
XAML এ অ্যাট্রিবিউট (Attributes) হলো সেই প্যারামিটার যা ট্যাগের মধ্যে দেয়া হয় এবং যা সেই ট্যাগের প্রপার্টি বা বৈশিষ্ট্য নির্ধারণ করে। অ্যাট্রিবিউটের মাধ্যমে ট্যাগের ভিতরের প্রপার্টি, আকার, স্টাইল, কনটেন্ট এবং অন্যান্য সেটিংস নির্ধারণ করা হয়।
কিছু সাধারণ XAML অ্যাট্রিবিউট:
Content: টেক্সট, ইমেজ বা কন্টেন্ট যা UI উপাদানে প্রদর্শিত হবে। এটি সাধারণতButton,Label,TextBlockইত্যাদির মধ্যে ব্যবহৃত হয়।Width,Height: UI উপাদানের প্রস্থ এবং উচ্চতা নির্ধারণ করতে ব্যবহৃত হয়।Margin: UI উপাদানের চারপাশের জায়গা নির্ধারণ করতে ব্যবহৃত হয়।Background: UI উপাদানের ব্যাকগ্রাউন্ড কালার বা ছবি নির্ধারণ করে।Foreground: UI উপাদানের টেক্সট বা কন্টেন্টের ফন্ট কালার নির্ধারণ করে।Name: UI উপাদানকে একটি ইউনিক নাম দেয়, যাতে কোড-বিহাইন্ড ফাইলে এটি রেফারেন্স করা যায়।Click: একটি ইভেন্ট হ্যান্ডলার, যেমন বাটনে ক্লিক করলে কোড-বিহাইন্ড ফাইলের একটি মেথড কল হবে।
উদাহরণ:
<Button Content="Click Me" Width="100" Height="50" Margin="10" Background="LightBlue" Click="Button_Click"/>
এখানে:
Content="Click Me": বাটনের কন্টেন্ট হবে "Click Me"।Width="100": বাটনের প্রস্থ 100 পিক্সেল।Height="50": বাটনের উচ্চতা 50 পিক্সেল।Margin="10": বাটনের চারপাশে 10 পিক্সেল মার্জিন থাকবে।Background="LightBlue": বাটনের ব্যাকগ্রাউন্ড হবে লাইট ব্লু।Click="Button_Click": বাটন ক্লিক হলেButton_Clickনামে একটি ইভেন্ট হ্যান্ডলার কল হবে।
বিশেষ XAML অ্যাট্রিবিউট
১. x:Name
এই অ্যাট্রিবিউটটি UI উপাদানকে একটি নাম দেয়, যা কোড-বিহাইন্ডে ব্যবহার করা হয়।
উদাহরণ:
<Button x:Name="myButton" Content="Click Me"/>
এখানে x:Name="myButton" দ্বারা বাটনটিকে myButton নামে রেফারেন্স করা যাবে কোড-বিহাইন্ড ফাইলে।
২. x:Class
এই অ্যাট্রিবিউটটি XAML ফাইলের সাথে কোড-বিহাইন্ড ক্লাসের সংযোগ স্থাপন করে।
উদাহরণ:
<Window x:Class="MyApp.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" Title="Main Window">
<!-- Content goes here -->
</Window>
এখানে x:Class="MyApp.MainWindow" নির্দেশ করে যে এই XAML ফাইলটি MyApp.MainWindow ক্লাসের সাথে যুক্ত।
৩. Style
এটি UI উপাদানের স্টাইল বা ডিফল্ট প্রপার্টি সেটিংস নির্ধারণ করতে ব্যবহৃত হয়।
উদাহরণ:
<Window.Resources>
<Style x:Key="ButtonStyle" TargetType="Button">
<Setter Property="Background" Value="LightBlue"/>
<Setter Property="Width" Value="150"/>
</Style>
</Window.Resources>
<Button Style="{StaticResource ButtonStyle}" Content="Styled Button"/>
এখানে Style ট্যাগটি বাটনের জন্য একটি কাস্টম স্টাইল সেট করে।
সারাংশ
- XAML ট্যাগ UI উপাদানগুলোর নাম এবং কাঠামো নির্ধারণ করে, যেমন
<Button>,<TextBlock>,<Window>ইত্যাদি। - XAML অ্যাট্রিবিউট ট্যাগের প্রপার্টি বা বৈশিষ্ট্য নির্ধারণ করে, যেমন
Width,Height,Content,Click,Styleইত্যাদি। - XAML ট্যাগ এবং অ্যাট্রিবিউট একত্রে কাজ করে ইউজার ইন্টারফেসের ডিজাইন ও কনফিগারেশন সহজ করে।
XAML এর ট্যাগ এবং অ্যাট্রিবিউট ব্যবহার করে আপনি খুব সহজেই বিভিন্ন UI কন্ট্রোল তৈরি এবং কাস্টমাইজ করতে পারবেন।
Read more
